
<!-- add markup for experience part. Includes a button stripe at the end -->
<!-- 
	CLASSname 	:DESCRIPTION and USAGE
	partUnit 	:a single instance of the part - one experience detail (represnted by one object)
	partItem	:an item within a part - field of the model (a property of object) eg - experience level
	deleteable	:an element that can be deleted with a delete button within it
	key_text	:the text that is displayed as the label for data displayed or input box renderd 
	display		:identifies an element that displays data while show
	edit		:identifies an imput box meant for editing
	add			:identifies an input box meant for adding
	delete_button:	a button that can trigger the delete functionality and delete the deletable element
-->


<div class="addPart">

	<div class="partItem title">
		<span class="key_text">Title</span>
		<div class="value_block">
			<span class="display hidden"></span>
			<input 	type="text" 
					class="add tooltip_trigger" 
					name="experience[title]">
			<span class="tooltip hidden">project name or your designation - something that highlights the work. eg- "java architect" or "application of fluid dynamics in zero gravity" </span>
		</div>			
	</div>
	
	<div class="partItem company">
		<span class="key_text">Company</span>
		<div class="value_block">
			<span class="display hidden"></span>
			<input 	type="text" 
					class="add tooltip_trigger" 
					name="experience[company]">
			<span class="tooltip hidden">company/institution where you did the work. eg- "IBM-xyz team"</span>
		</div>			
	</div>
	
	<div class="partItem duration">
		<span class="key_text">Duration</span>
		<div class="value_block">
			<span class="display hidden"></span>
			<input 	type="text" 
					class="add tooltip_trigger" 
					name="experience[duration]">
			<span class="tooltip hidden">time spent. eg- "Jan 2005 - feb 2008"</span>
		</div>			
	</div>
	
	<div class="partItem role">
		<span class="key_text">Role</span>
		<div class="value_block">
			<span class="display hidden"></span>
			<textarea 	class="add tooltip_trigger" 
					name="experience[role]"></textarea>
			<span class="tooltip hidden">elaborate what you did</span>
		</div>			
	</div>
	
	<div class="partItem more_info">
		<span class="key_text">More info</span>
		<div class="value_block">
			<span class="display hidden"></span>
			<textarea 	class="add tooltip_trigger" 
					name="experience[more_info]"></textarea>
			<span class="tooltip hidden">any more significant infomation about the work</span>
		</div>			
	</div>
	
	<div class="delete_button">	
		<button type="button">delete</button>
	</div>
	
</div>		<!-- addPart -->